<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="form">
            <p:growl id="growl" />
            <p:panel header="LISTA DE PRACTICANTES">
                <p:dataTable style="width: 750px" paginator="true" rows="10" rowKey="#{estudiante.idEstudiante}" id="listaEstudiantes" var="estudiante" value="#{listaEstudiantesBean.estudiante}" widgetVar="dataEstudiantes">
                    <f:facet name="header">
                        <table>
                        <tr>
                            <td>
                                Estudiantes
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p:outputPanel>
                                    <h:outputText value ="Buscar"/>
                                    <p:inputText id="globalFilter" onkeyup="dataEstudiantes.filter()" style="width:150px" />
                                </p:outputPanel>
                            </td>
                        </tr>
                      </table>
                    </f:facet>
                    <p:column headerText="Código" style="width:12%" sortBy="#{estudiante.idEstudiante}" filterBy="#{estudiante.idEstudiante}" filterMatchMode="contains">
                        <h:outputText value="#{estudiante.idEstudiante}" />
                    </p:column>
                    <p:column headerText="Nombres / Apellidos" style="width:72%" sortBy="#{estudiante.nombresEstudiante} #{estudiante.apellido1Estudiante} #{estudiante.apellido2Estudiante}" filterBy="#{estudiante.nombresEstudiante} #{estudiante.apellido1Estudiante} #{estudiante.apellido2Estudiante}" filterMatchMode="contains">
                        <h:outputText value="#{estudiante.nombresEstudiante} #{estudiante.apellido1Estudiante} #{estudiante.apellido2Estudiante}" />
                    </p:column>
                    <p:column headerText="Programa" style="width:72%" sortBy="#{estudiante.idPrograma.nombrePrograma}" filterBy="#{estudiante.idPrograma.nombrePrograma}" filterMatchMode="contains">
                        <h:outputText value="#{estudiante.idPrograma.nombrePrograma}" />
                    </p:column>
                    <p:column headerText="Habilitar" style="width: 8%">
                        <p:selectBooleanButton value="#{estudiante.estadoEstudiante}" onLabel="Si" offLabel="No">
                            <p:ajax process="@this" update="@this, :form:growl" listener="#{listaEstudiantesBean.actuaizarEstudiante(estudiante)}"></p:ajax>
                        </p:selectBooleanButton>
                    </p:column>
                    <p:column headerText="Detalle" style="width:8%">
                        <p:commandButton id="selectButton3" oncomplete="dlgDetalleEstudiante.show();" update=":form:display" icon="ui-icon-search" title="Ver Detalle">
                            <f:setPropertyActionListener value="#{estudiante}" target="#{listaEstudiantesBean.estudianteSelected}"></f:setPropertyActionListener>
                        </p:commandButton>
                    </p:column>
                </p:dataTable>
            </p:panel>
            <p:dialog header="Detalle Estudiante" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlgDetalleEstudiante">
                <p:outputPanel id="display">
                    <h:panelGrid columns="2" cellpadding="5">
                        <h:outputLabel value="Código: " style="font-weight:bold"/>
                        <h:outputText value="#{listaEstudiantesBean.estudianteSelected.idEstudiante}"/>
                        <h:outputLabel value="Nombres y Apellidos:" style="font-weight:bold"/>
                        <h:outputText value="#{listaEstudiantesBean.estudianteSelected.nombresEstudiante} #{listaEstudiantesBean.estudianteSelected.apellido1Estudiante} #{listaEstudiantesBean.estudianteSelected.apellido2Estudiante}"/>
                        <h:outputLabel value="Programa:" style="font-weight:bold"/>
                        <h:outputText value="#{listaEstudiantesBean.estudianteSelected.idPrograma.nombrePrograma}"/>
                        <h:outputLabel value="Semestre:" style="font-weight:bold"/>
                        <h:outputText value="#{listaEstudiantesBean.estudianteSelected.semestreEstudiante}"/>
                        <h:outputLabel value="Correo:" style="font-weight:bold"/>
                        <h:outputText value="#{listaEstudiantesBean.estudianteSelected.correoEstudiante}"/>
                        <h:outputLabel value="Teléfono:" style="font-weight:bold"/>
                        <h:outputText value="#{listaEstudiantesBean.estudianteSelected.telefonoEstudiante}"/>
                        <h:outputLabel value="Celular:" style="font-weight:bold"/>
                        <h:outputText value="#{listaEstudiantesBean.estudianteSelected.celularEstudiante}"/>
                        <h:outputLabel value="Dirección:" style="font-weight:bold"/>
                        <h:outputText value="#{listaEstudiantesBean.estudianteSelected.direccionEstudiante}"/>
                        <h:outputLabel value="EPS:" style="font-weight:bold"/>
                        <h:outputText value="#{listaEstudiantesBean.estudianteSelected.epsEstudiante}"/>
                    </h:panelGrid>
                </p:outputPanel>
            </p:dialog>
        </h:form>
    </ui:define>
</ui:composition>
    
